<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>充值记录</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<link href="images/css.css"  rel="stylesheet" type="text/css" />
	<script type='text/javascript' src='<%=basePath %>/dwr/engine.js'></script>
 	<script type='text/javascript' src='<%=basePath %>/dwr/util.js'></script>
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type='text/javascript' src='js/jquery.validate.min.js'></script>
 	<script type='text/javascript' src='js/common.js'></script>

<script language="javascript" type="text/javascript" src="date/WdatePicker.js"></script>
<style type="text/css">
<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.STYLE14 {color: #F58000}
.STYLE15 {color: #F18910}
.STYLE16 {color: #F75200}

-->
</style>

<script type="text/javascript">
function checkVal(){
		var beginTime= $.trim($("#beginTime").val());
		var endTime= $.trim($("#endTime").val());
		if(beginTime != ""){
			$("#timeSpan").html("");
		}else{
			if(endTime != ""){
				$("#timeSpan").html("");
			}
			$("#timeSpan").html("");
		}
		if(beginTime !="" && endTime !=""){
			if(beginTime > endTime){
				$("#timeSpan").html("选择的开始时间不能大于结束时间.");
				return false;
			}else{
				$("#timeSpan").html("");
			}
		}
		
		return true;
}

function serachMsgSubmit(){
	if(!checkVal()){
		return false;
	}else{
		document.czFrm.submit();
	}
}

	//转至多少页码
	 function changePage(listId)
	 {
	 	//alert(listId);
	  document.location.href="accManagerAction!doRechargeRecordList.action?pageNo="+listId;
	 } 


</script>

  </head>
  
<body bgcolor="#F1F1F1" style="margin:0px; text-align:center;">

		<table width="789" height="539" border="0" cellpadding="0" cellspacing="0" bgcolor="#F1F1F1">
	  	<tr>
	   	 <td width="789" height="39" align="left" valign="middle">
	    <span class="STYLE1">&nbsp;<a href="javascript:void(parent.window.location.href='loginAction!login.action')" class="STYLE1">我的易彩通</a> &gt; 我的账号 &gt; 账号管理</span>
	    </td>
	  </tr>
	  <tr>
    	<td height="500" align="left" valign="top" >
    	<table width="788" height="422" border="0" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB;  " id="a3">
      <tr>
        <td width="112" height="22" align="center" background="images/line3.jpg"  bgcolor="#FFFFFF" style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB;" >
        	<a href="accManagerAction!doMyAccount.action" class="STYLE11">我的账号</a>
        </td>
        <td width="8" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
        <td width="112" align="center" bgcolor="#FFFFFF"  background="images/line3.jpg"     style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-left:1px solid  #DBDBDB">
       		<a href="accManagerAction!doConsumptionDetailList.action" class="STYLE11">消费明细</a>
        </td>
        <td width="6" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
        <td width="110" align="center"  background="images/line3.jpg" style="border:1px solid #DBDBDB; "  >
        	<a href="accManagerAction!toLoadEveryDayConsumption.action" class="STYLE11">每日消费汇总</a>
        </td>
        <td width="7" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
        <td width="110" align="center" bgcolor="#FFFFFF"   style="border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-left:1px solid  #DBDBDB">充值记录</td>
        <td width="322" style="border-bottom:1px solid #DBDBDB;">&nbsp;</td>
      </tr>
      <tr>
        <td height="399" colspan="8" align="center" valign="top" bgcolor="#FFFFFF" style="border-right:1px solid #DBDBDB;"><table width="772" height="75" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="16">&nbsp;</td>
          </tr>
          <tr>
            <td height="32">
            <s:form action="accManagerAction!doRechargeRecordList.action" method="post" name="czFrm" id="czFrm">
            <table width="628" height="34" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="103" height="30" align="right"><span class="tj_title">选择时间：</span></td>
                <td width="525">
                	<table width="425" border="0" cellpadding="2" cellspacing="0" style=" color:#666666;">
                    <tr>
                      <td width="158">
                      <input style="width:155px;border:1px solid #DBDBDB;" class="Wdate" name="beginTime" id="beginTime" type="text" onClick="WdatePicker()">
                      </td>
                      <td width="14">至</td>
                      <td width="180" align="left">
                      <label>
                        <input class="Wdate"  style="border:1px solid #DBDBDB;" name="endTime" id="endTime" type="text" onClick="WdatePicker()">
                      </label>
                      </td>
                      <td width="57" align="left">
                      		<img src="images/ck.jpg" onclick="javascript:serachMsgSubmit();" style="cursor:hand" width="42" height="21" border="0">
					  </td>
                    </tr>
                </table></td>
              </tr>
            </table>
            </s:form>
           </td>
          </tr>
          <tr>
            <td height="16" valign="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            	<span style="color:red;valign:top" id="timeSpan" ></span>
            </td>
          </tr>
          <tr>
            <td height="16">&nbsp;</td>
          </tr>
        </table>
          <table  width="766" height="143" border="0" cellpadding="0" cellspacing="0">
            
            <%-- 列表[标题]的展示开始 --%>
            <tr valign="middle">
              <td width="242" height="29" align="center" background="images/lm1_bg.jpg">操作日期</td>
              <td width="10" background="images/lm1_bg.jpg">
              		<img src="images/line2.jpg" width="10" height="25" />              </td>
              <td width="332" align="center" background="images/lm1_bg.jpg">充值金额</td>
              <td width="10" background="images/lm1_bg.jpg">
              		<img src="images/line2.jpg" width="10" height="25" />
              </td>
              <%-- 
              <td width="167" align="center" background="images/lm1_bg.jpg">消费金额</td>
              <td width="11" align="center" background="images/lm1_bg.jpg">
              		<img src="images/line2.jpg" width="10" height="25" />
              </td>--%>
              <td width="172" align="center" background="images/lm1_bg.jpg">账号余额</td>
            </tr>
          <%-- 列表标题的展示结束 --%>
           
          <%-- 列表[信息]展示开始 --%>
          <!-- 显示数据的列表 --> 
           <s:iterator value="pageTopUpObj.data" id="msgObj" status="st">
	            <tr <s:if test="#st.odd">style='background-color:#F7F7F7'</s:if>>
	              <td height="30" align="center">
				  		<s:date name="pageTopUpObj.data[#st.index].topupTime" format="yyyy-MM-dd HH:mm:ss"/>
				  </td>
	              <td>&nbsp;</td>
	              <td width="252" align="center" class="STYLE15">￥<s:property value="pageTopUpObj.data[#st.index].sum"/></td>
	              <td>&nbsp;</td>
	            <%--
	              <td align="center" class="STYLE15">￥0.00</td>
	              <td align="center">&nbsp;</td>--%>
	              <td align="center" class="STYLE15">￥<s:property value="pageTopUpObj.data[#st.index].balance"/></td>
	            </tr>
            </s:iterator>
          <%-- 列表信息展示结束 --%>
			
	<%-- 列表[分页]展示开始  
	<s:if test="pageTopUpObj.hasOnePage==false">
	--%>
	<s:if test="pageTopUpObj.data != null">
	
		<s:if test="pageTopUpObj.totalRecord>10">
           <tr>
              <td height="29" align="right" background="images/lm1_bg.jpg" class="STYLE15" >&nbsp;</td>
              <td height="29" colspan="6" align="right" background="images/lm1_bg.jpg" >
              <s:if test="pageTopUpObj.pageNo==1">首页</s:if>
				  <s:else>
					  <a href="accManagerAction!doRechargeRecordList.action?pageNo=1" class="STYLE5">首页</a> 
				  </s:else>&nbsp;
	              
	              <s:if test="pageTopUpObj.hasPrePage==false">上一页</s:if>
				  <s:else> 
					 <a href="accManagerAction!doRechargeRecordList.action?pageNo=<s:property value="pageTopUpObj.pageNo-1"/>" class="STYLE5">上一页</a>
				  </s:else>&nbsp;
	
	              <s:if test="pageTopUpObj.hasNextPage==false">下一页</s:if>
			      <s:else>
					 <a href="accManagerAction!doRechargeRecordList.action?pageNo=<s:property value="pageTopUpObj.pageNo+1"/>" class="STYLE5">下一页</a>
				  </s:else>&nbsp;
	              
	              <s:if test="pageTopUpObj.pageNo==pageTopUpObj.totalPage">末页</s:if>
				  <s:else>
				    <a href="accManagerAction!doRechargeRecordList.action?pageNo=<s:property value="pageTopUpObj.totalPage"/>" class="STYLE5"> 末页 </a>
				  </s:else>
              
	              &nbsp;&nbsp;第${pageTopUpObj.pageNo}页&nbsp;|&nbsp;
	                                    共<s:property value="pageTopUpObj.totalPage"/>页&nbsp;|&nbsp;
	                                    共${pageTopUpObj.totalRecord}条&nbsp;&nbsp;转至&nbsp;
	    			<select onchange="javascript:changePage(this.value);" id="pageNo" name="pageNo">
	    				<s:iterator value="pageTopUpObj.listNum" id="msgid" status="st">
	    					<option value="<s:property value="pageTopUpObj.listNum[#st.index]"/>">
	    						<s:property value="pageTopUpObj.listNum[#st.index]"/>
	    					</option>
	    				</s:iterator>
	    			</select>&nbsp;&nbsp;
              </td>
            </tr>
     	</s:if>
     	<s:else>
     			<tr>
	              <td height="29" colspan="5" align="right" background="images/lm1_bg.jpg" >
				 	首页&nbsp;上一页&nbsp;下一页&nbsp;末页           
	              	&nbsp;&nbsp;第1页&nbsp;|&nbsp;共1页&nbsp;|&nbsp;&nbsp;
	    		  </td>
	            </tr>
     	</s:else>
     	
     </s:if>
     <s:else>
		<tr>
	        <td height="29" colspan="5" align="right" background="images/lm1_bg.jpg" >
				<p style="color: red;font-size: 12px;text-align: center;">暂无充值记录!</p>
	    	</td>
	   </tr>
	</s:else>
   <%--列表分页展示结束 --%>
     
            <tr>
              <td height="25" colspan="5" align="right" class="STYLE15">&nbsp;</td>
            </tr>
            
          </table></td>
      </tr>
    </table></td>
  </tr>
</table>

		    
</body>
</html>
